<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>小米10立即购买-小米商城</title>
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/xiangqing.css">
</head>

<body>
	<!-- 头部信息栏 -->
	<div class="header-top">
		<div class="container clear">
			<div class="fl">
				<ul class="clear">
					<li class="fl navbar-nav" style="padding: 0"><a href="javascript:">小米商城</a> <span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">MIII </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">我聊 </a> <span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">游戏 </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">多看阅读 </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">云服务 </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">金融 </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">小米网移动版 </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">问题反馈 </a><span>|</span></li>
					<li class="fl navbar-nav"><a href="javascript:">Select Region</a></li>
				</ul>
			</div>
			<div class="fr">
				<a href="javascript:" class="tz">消息通知</a>
				<a href="./gouwuche.html" class="cart">
					<i class="iconfont cart-mini">&#xe621;</i>
					购物车
				</a>
			</div>
		</div>
	</div>
	<!-- 顶部导航栏 -->
	<div class="nav-wrapper">
		<a href="./index.html" target="_blank"><img src="../images/mi-logo.png" alt="" class="logo"></a>
		<div class="nav">
			<ul>
				<li><a href="">小米手机</a></li>
				<li><a href="">红米</a></li>
				<li><a href="">平板·笔记本</a></li>
				<li><a href="">电视</a></li>
				<li><a href="">盒子·影音</a></li>
				<li><a href="">路由器</a></li>
				<li><a href="">智能硬件</a></li>
				<li><a href="">服务</a></li>
				<li><a href="">社区</a></li>
			</ul>
		</div>
		<div class="search ">
			<form action="" method="post">
				<div class="text">
					<input type="text" class="shuru" placeholder="小米10&nbsp;小米MIX现货">
				</div>
				<div class="submit">
					<input type="button" class="sousuo" value="搜索" />
				</div>
			</form>
		</div>
	</div>
	<!-- subnav-->

	<div class="subnav">
		<h3 class="mi10">小米10</h3>
		<ul class="mi_lists">
				<li><a href="">概述</a></li>
				<li>|</li>
				<li><a href="">变焦双摄</a></li>
				<li>|</li>
				<li><a href="">设计</a></li>
				<li>|</li>
				<li><a href="">参数</a></li>
				<li>|</li>
				<li><a href="">F码通道</a></li>
				<li>|</li>
				<li><a href="">用户评价</a></li>
		</ul>
		</div>
	</div>

	<div class="mian_detail">
		<!-- 左侧图片区 -->
		<div class="picture_area">
		<div class="leftView">
			<img src="../images/liebiao/mi11.jpg">
			<span class="glass"></span>
		</div>
		<div class="rightView"><img src="../images/liebiao/mi11.jpg" alt="">
		</div>
		</div>
		<!-- 右侧数据 -->
		<div class="mian_right">
			<h3 class="xiaomi10">小米10</h3>
			<div class="xiaomi10_intro">变焦双摄，4 轴防抖 / 骁龙855 旗舰处理器，8GB 大内存，最大可选128GB 闪存 / 5.15" 护眼屏 / 四曲面玻璃/陶瓷机身
			</div>
			<p class="price">4599.00元</p>
			<h2 class="choose">选择版本</h2>
			<div class="choose_version">
				<div class="version_left">
					<a>
						<span>全网通版 8GB+128GB </span>
						<span>3999元</span>
					</a>
				</div>
				<div class="version_right">
					<a>
						<span>全网通版 8GB+256GB</span>
						<span>4999元</span>
					</a>
				</div>
			</div>
			<h2 class="color_text">选择颜色</h2>
			<div class="choose_color">
				<div >
					<a>
						<span ></span>
						<span >亮黑色</span>
					</a>
				</div>
			</div>
			<div class="main_right_shop">
				<div class="shop_content">
					<div class="shop-left goods-name">小米10  8GB内存 128GB 亮黑色</div>
					<div class=" shop-right goods-price">4599.00元</div>
				</div>
				<div class="null"></div>
				<p class="total">总计：4599元</p>
			</div>
			<div class="buy">
				<input class="jrgwc" type="button" name="jrgwc" value="立即选购" />
				<input class="jrgwc add" type="button" name="jrgwc" value="加入购物车" />
			</div>
		</div>
	</div>
	<!-- 内容详情区 -->
	<div class="content">
		<h3>商品概述|商品参数</h3>
		<img src="../images/mi10-1.jpg" alt="">
		<img src="../images/mi10-2.jpg" alt="">
		<img src="../images/mi10-3.jpg" alt="">
		<img src="../images/mi10-4.jpg" alt="">
	</div>
	<!-- footer -->
	<div class="bottom">
		<div class="bottom-nav">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
		<div class="banquan">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
		<div class="jubao">违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
	</div>
	<script src="../js/jquery.js"></script>
	<script src="../js/xiangqing.js"></script>
</body>

</html>